home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / DHTML - Scrollers / ticker-tape.izs < prev    next >
Text File  |  2005-09-02  |  5KB  |  132 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Ticker Tape Script
  4. <!/TITLE>
  5.  
  6. <!BROWSER>FF1+ IE5+ Opr7+<!/BROWSER>
  7.  
  8. <!DESCRIPTION> A simple, elegant cross-browser ticker tape. Supports unlimited messages, HTML codes, and degrades well with lower browsers. This script is a perfect example of why DHTML may very well eventually replace Java applets on the WWW- the ticker is faster, more efficient, and much more stable than any of it's Java counterparts!
  9. <!/DESCRIPTION> 
  10.  
  11. <!CATEGORY>scrollers<!/CATEGORY>
  12.  
  13. <!SCRIPT>
  14. <!-- START OF SCRIPT -->
  15. <script language="JavaScript1.2">
  16.  
  17. /*
  18. Ticker Tape script- 
  19. ⌐ Dynamic Drive (www.dynamicdrive.com)
  20. For full source code, installation instructions,
  21. 100's more DHTML scripts, and Terms Of
  22. Use, visit dynamicdrive.com
  23. */
  24. //configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
  25. var tickercontents=new Array()
  26. tickercontents[0]='See what\'s New at Dynamic Drive. <a href="http://dynamicdrive.com/new.htm">[Read more]</a>'
  27. tickercontents[1]='Browse the most popular scripts on Dynamic Drive <a href="http://dynamicdrive.com/hot.htm">[Read more]</a>'
  28. tickercontents[2]='Link back to Dynamic Drive! <a href="http://dynamicdrive.com/link.htm">[Read more]</a>'
  29.  
  30. //configure the below 2 variables to set the width/background color of the ticker
  31. var tickerwidth='65%' //in "px" or "%"
  32. var tickerbgcolor='lightblue'
  33.  
  34. //configure the below variable to determine the delay between ticking of messages (in miliseconds
  35. var tickdelay=3000
  36.  
  37. ////Do not edit pass this line////////////////
  38.  
  39. var currentmessage=0
  40.  
  41. function changetickercontent(){
  42. if (document.layers){
  43. document.tickernsmain.document.tickernssub.document.write(tickercontents[currentmessage])
  44. document.tickernsmain.document.tickernssub.document.close()
  45. }
  46. else
  47. crosstick.innerHTML=tickercontents[currentmessage]
  48.  
  49. if (currentmessage==tickercontents.length-1) currentmessage=0
  50. else currentmessage++
  51. setTimeout("changetickercontent()",tickdelay)
  52. }
  53.  
  54. function start_ticking(){
  55. if (document.layers)
  56. document.tickernsmain.visibility="show"
  57. else
  58. crosstick=document.getElementById? document.getElementById("tickerie") : document.all.tickerie
  59. changetickercontent()
  60. }
  61.  
  62. if (document.all||document.getElementById)
  63. document.write('<div id="tickerie" style="width:'+tickerwidth+'; background-color:'+tickerbgcolor+'"></div>')
  64. window.onload=start_ticking
  65. </script>
  66.  
  67.  
  68. <ilayer id="tickernsmain" width=&{tickerwidth}; bgColor=&{tickerbgcolor}; visibility=hide><layer id="tickernssub" width=&{tickerwidth}; left=0 top=0></layer></ilayer>
  69. <!-- END OF SCRIPT -->
  70. <!/SCRIPT>
  71.  
  72. <!PREVIEW>
  73. <!-- START OF SCRIPT -->
  74.  
  75. <script language="JavaScript1.2">
  76.  
  77. /*
  78. Ticker Tape script- 
  79. ⌐ Dynamic Drive (www.dynamicdrive.com)
  80. For full source code, installation instructions,
  81. 100's more DHTML scripts, and Terms Of
  82. Use, visit dynamicdrive.com
  83. */
  84. //configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
  85. var tickercontents=new Array()
  86. tickercontents[0]='See what\'s New at Dynamic Drive. <a href="http://dynamicdrive.com/new.htm">[Read more]</a>'
  87. tickercontents[1]='Browse the most popular scripts on Dynamic Drive <a href="http://dynamicdrive.com/hot.htm">[Read more]</a>'
  88. tickercontents[2]='Link back to Dynamic Drive! <a href="http://dynamicdrive.com/link.htm">[Read more]</a>'
  89.  
  90. //configure the below 2 variables to set the width/background color of the ticker
  91. var tickerwidth='65%' //in "px" or "%"
  92. var tickerbgcolor='lightblue'
  93.  
  94. //configure the below variable to determine the delay between ticking of messages (in miliseconds
  95. var tickdelay=3000
  96.  
  97. ////Do not edit pass this line////////////////
  98.  
  99. var currentmessage=0
  100.  
  101. function changetickercontent(){
  102. if (document.layers){
  103. document.tickernsmain.document.tickernssub.document.write(tickercontents[currentmessage])
  104. document.tickernsmain.document.tickernssub.document.close()
  105. }
  106. else
  107. crosstick.innerHTML=tickercontents[currentmessage]
  108.  
  109. if (currentmessage==tickercontents.length-1) currentmessage=0
  110. else currentmessage++
  111. setTimeout("changetickercontent()",tickdelay)
  112. }
  113.  
  114. function start_ticking(){
  115. if (document.layers)
  116. document.tickernsmain.visibility="show"
  117. else
  118. crosstick=document.getElementById? document.getElementById("tickerie") : document.all.tickerie
  119. changetickercontent()
  120. }
  121.  
  122. if (document.all||document.getElementById)
  123. document.write('<div id="tickerie" style="width:'+tickerwidth+'; background-color:'+tickerbgcolor+'"></div>')
  124. window.onload=start_ticking
  125. </script>
  126.  
  127.  
  128. <ilayer id="tickernsmain" width=&{tickerwidth}; bgColor=&{tickerbgcolor}; visibility=hide><layer id="tickernssub" width=&{tickerwidth}; left=0 top=0></layer></ilayer>
  129. <!-- END OF SCRIPT -->
  130. <!/PREVIEW>
  131.  
  132. <!RELATED>NONE<!/RELATED>